<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2869768_4c3iw623x1p.css">
</head>

<body>
    <div class="top">
        <div class="contain">
            <ul class="left">
                <li>帮助中心</li>
                <li>收藏</li>
                <li>360官网</li>
                <li>360智慧生活</li>
            </ul>
            <ul class="right">
                <li class="on actiive">
                    <span>你好</span>
                </li>
                <li class="off active"><a href="./login.html">登录</a></li>
                <li class="off active"><a href="./register.html">注册</a></li>
                <a href="./cart.html">
                    <li class="iconfont icon-baobao1"></li>
                </a>
            </ul>
        </div>
    </div>
    <div class="logo">
        <div class="contain">
            <div class="left">
                <img src="https://p1.qhimg.com/t0102789b8d00c3dfce.png" alt="">
                <span>新品推荐</span>
                <span>热卖榜单</span>
            </div>
            <div class="right">
                <div class="top">
                    <input type="text">
                    <span class="iconfont icon-sousuo"></span>
                    <ul class="ul"></ul>
                </div>
                <ul class="bottom_top">
                    <li>记录仪</li>
                    <li>摄像机</li>
                    <li>路由器</li>
                    <li>耳机</li>
                    <li>扫地机</li>
                    <li>智能手表</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="banner">
        <ul class="imgBox">
            <li>
                <img src="https://p0.ssl.qhimg.com/t01184f1bb03f655f98.webp" alt="">
            </li>
            <li>
                <img src="https://p3.ssl.qhimg.com/t017443acfa1f8e9a9f.webp" alt="">
            </li>
            <li>
                <img src="https://p0.ssl.qhimg.com/t010870466939631120.webp" alt="">
            </li>
            <li>
                <img src="https://p3.ssl.qhimg.com/t01b1ae7e231ac75328.webp" alt="">
            </li>
            <li>
                <img src="https://p0.ssl.qhimg.com/t0104d9aa62ec15199e.webp" alt="">
            </li>
            <li>
                <img src="https://p3.ssl.qhimg.com/t018b7e6292e40dac39.webp" alt="">
            </li>
        </ul>
        <ol class="pointBox">

        </ol>
        <div class="left">&lt;</div>
                <div class="right">&gt;</div>

        </div>
        <ul class="list">
            <li>全部...</li>
            <!-- <li>家庭安防</li>
            <li>安全路由</li>
            <li>智能手表</li>
            <li>汽车用品</li>
            <li>扫地机器人</li>
            <li>影音生活</li>
            <li>生态产品</li> -->
        </ul>
        <div class="fruit">
            <ul class="listChild">
                <li>

                </li>
            </ul>
        </div>
</div>

        <div class="main ">
            <div class="contain">
                <div class="act nav" id="box1">
                    <p>热门活动</p>
                    <ul>
                        <li>
                            <img src="https://p5.ssl.qhimg.com/t0123e747cff6df3d57.webp" alt="">
                        </li>
                        <li>
                            <img src="https://p4.ssl.qhimg.com/t012b5cec81fbe9c659.webp" alt="">
                        </li>
                        <li>
                            <img src="https://p3.ssl.qhimg.com/t015d34aaa04c9ede6f.webp" alt="">
                        </li>
                        <li>
                            <img src="https://p5.ssl.qhimg.com/t0175bdda93660b4f38.webp" alt="">
                        </li>
                    </ul>
                    <div class="img">
                        <img src="https://p0.ssl.qhimg.com/t0170aaf86aa2387ded.webp" alt="">
                    </div>
                </div>
                <div class="pro nav">

                    <p>家庭安防</p>
                    <ul>
                        <figure>
                            <img src="https://p5.ssl.qhimg.com/t01b3f0ea7d9f0b5000.webp" alt="">
                        </figure>
                      
                    </ul>
                    <div><img src="https://p2.ssl.qhimg.com/t01a65959191881d4b7.webp" alt=""></div>

                </div>

                <div class="mach nav">

                    <p>安全路由</p>
                    <ul>
                        <figure>
                            <img src="https://p2.ssl.qhimg.com/t01450436bc349ddae5.webp" alt="">
                        </figure>
                      
                    </ul>
                    <div><img src="https://p1.ssl.qhimg.com/t01f74bc541c9f56b86.webp" alt=""></div>

                </div>
                <div class="car nav">

                    <p>行车安全</p>
                    <ul>
                        <figure>
                            <img src="https://p4.ssl.qhimg.com/t0133be414b0dd21744.webp" alt="">
                        </figure>
                     
                    </ul>
                    <div><img src="https://p2.ssl.qhimg.com/t014d665593f16f2c56.webp" alt=""></div>

                </div>
                <div class="safe nav">

                    <p>扫地机器人</p>
                    <ul>
                        <figure>
                            <img src="https://p2.ssl.qhimg.com/t010270e51d5a815568.webp" alt="">
                        </figure>
                       
                    </ul>
                    <div><img src="https://p3.ssl.qhimg.com/t01f530addd6191ee23.webp" alt=""></div>

                </div>
                <div class="smart nav">

                    <p>智能守护</p>
                    <ul>
                        <figure>
                            <img src="https://p3.ssl.qhimg.com/t0118faff228911ab53.webp" alt="">
                        </figure>
                     
                    </ul>
                    <div><img src="https://p3.ssl.qhimg.com/t011cf2a5c53c044738.webp" alt=""></div>

                </div>
                <div class="ears nav">

                    <p>生态互联</p>
                    <ul>
                        <figure>
                            <img src="https://p5.ssl.qhimg.com/t01b1999ef9da609b19.webp" alt="">
                        </figure>
                     
                    </ul>
                    <div><img src="https://p5.ssl.qhimg.com/t015a6644ab76b1fff1.webp" alt=""></div>

                </div>
                <div class="box3" id="box2">
                    <p>更多商品</p>
                    <ul>

                    </ul>
                </div>
            </div>
            <ol>
                <li>热门活动</li>
                <li>家庭安防</li>
                <li>安全路由</li>
                <li>行车安全</li>
                <li>扫地机器人</li>
                <li>智能守护</li>
                <li>生态互联</li>
                <li>更多商品</li>
            </ol>
        </div>


        <div class="post">
            <div class="postTop">
                <p class="iconfont icon-duanxin"></p>
                <p class="iconfont icon-weixin2"></p>
                <p class="iconfont icon-erji"></p>
            </div>
            <div class="postBottom">
                <p class="iconfont icon-gengduo1"></p>
                <p class="iconfont icon-fanhuidingbu"></p>
            </div>
        </div>

        <div class="footer">
            <div class="contain">
                <div class="left">
                    <span>关于商城</span>
                    <p>360商城是奇虎360公司的官方电商平台，主要经营360安全智能设备
                        ，以及相关领域消费品。提供最新的360智能设备，最贴心的售后
                        服务，360社区一手评测资讯，享受360安全、安心、放心的购
                        物体验。</p>
                    <hr>
                    <div class="botto">
                        <span>关于我们</span>
                        <span class="iconfont icon-weixin1"></span>
                        <span class="iconfont icon-weibo"></span>
                    </div>
                </div>
                <div class="center">
                    <ul>
                        <p>售后服务</p>
                        <li>七日无理由退货</li>
                        <li>质量问题15日内换货</li>
                        <li>保修条款</li>
                        <li>服务流程</li>
                        <li>许可协议</li>
                        <li>隐私政策</li>
                    </ul>
                    <ul>
                        <p>帮助中心</p>
                        <li>用户注册</li>
                        <li>会员说明</li>
                        <li>登录与密码找回</li>
                        <li>购买指南</li>
                        <li>支付方式</li>
                        <li>配送与说明</li>
                    </ul>
                </div>
                <span></span>
                <div class="right">
                    <p>联系我们</p>
                    <p>400-6822-360</p>
                    <p>周一至周日 9:00-18:00（仅收市话费）</p>
                </div>
            </div>

        </div>


        <div class="bottom">
            <div class="contain">
                <div class="top">
                    <span class="iconfont icon-fanhui1">7天无理由退货</span>
                    <span class="iconfont icon-tuihuanhuo"> 15天免费换货</span>
                    <span class="iconfont icon-baoguo">满99元包邮</span>
                </div>
                <hr>
                <div class="foot">
                    <p>©2019-2021 mall.360.cn版权所有</p>
                    <p>京ICP备08010314号-6 营业执照</p>
                    <p>公司名称:北京视觉世界科技有限公司 | 社会统一信用代码:
                        91110105336460203N | 食品经营许可证</p>
                    <p>公司地址:北京市朝阳区酒仙桥路6号院2号楼1至17层102号内
                        5层501 | 联系方式:400-6822-360</p>

                </div>
            </div>
        </div>
        <script src="../../node_modules/jquery/dist/jquery.min.js"></script>
        <script src="../js/utils.js"></script>
        <script src="../js/position.js"></script>
        <script src="../js/index2.js"></script>
        <script src="../js/index.js"></script>

</body>

</html>